<!DOCTYPE html>
<html lang="zh-Hans">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Part 6：性能与工程化</title>
</head>

<body>
    <h1>P6 演示源码</h1>

    <h2>课程章节演示</h2>

    <ul>
        <li>重绘和重排<a href="./reflow-repaint.html">(reflow-repaint.html)</a></li>
        <li>白屏时间<a href="./writescreen.html">(writescreen.html)</a></li>
        <li>首屏时间<a href="./_firstscreen.html">(_firstscreen.html)</a></li>
        <li>减少请求数<ul>
                <li>合并前<a href="./timeline-raw">(timeline-raw)</a></li>
                <li>合并后<a href="./timeline-requestnum">(timeline-requestnum)</a></li>
            </ul>
        </li>
        <li>减少资源体积<ul>
                <li>压缩钱<a href="./size-raw">(size-raw)</a></li>
                <li>压缩后<a href="./size-minify">(size-minify)</a></li>
            </ul>
        </li>
        <li>模块化<a href="./module">(module)</a></li>
    </ul>
</body>
</html>